<?php
// index.php
$page_title = "Elite Live Entertainment | DJ & Event Services";
include __DIR__ . "/includes/head.php";
include __DIR__ . "/includes/hello-bar.php";
include __DIR__ . "/includes/nav.php";
?>

<!-- HERO -->
<section id="home" class="hero">
  <div class="hero-media">
    <video
      class="hero-video"
      autoplay
      muted
      loop
      playsinline
      poster="/assets/images/elite-live-wedding-hero-image.JPG"
    >
      <!-- <source src="/assets/video/elite-live-hero.webm" type="video/webm"> -->
      <source src="/assets/video/elite-live-hero.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>

  <div class="hero-overlay">
    <div class="hero-inner">
      <h3>DJ Lee Blossom</h3>
      <p class="hero-eyebrow">Reliable • Professional • Affordable</p>
      <h1 class="hero-title">DJ &amp; Entertainment Services</h1>
      <p class="hero-subtitle">
        Serving Petoskey, Traverse City, Charlevoix, Boyne City, Gaylord &amp; surrounding areas.
      </p>

      <div class="hero-cta-row">
        <a href="/contact.php" class="btn btn-primary">Request a Quote</a>
        <a href="#services" class="btn btn-ghost">View Services</a>
      </div>
    </div>
  </div>
</section>

<!-- WELCOME -->
<section id="about" class="section section-dark">
  <div class="section-inner">
    <header class="section-header">
      <h2 class="section-title">Welcome</h2>
      <p class="section-kicker">High-energy entertainment for weddings, parties, and events.</p>
    </header>

    <div class="welcome-body">
      <p>
        We bring professionalism, high-energy entertainment, and a polished experience
        to weddings, private parties, corporate events, and community celebrations.
        With curated announcements, custom set lists, and lighting that transforms
        the room, Elite Live delivers unforgettable events every time.
      </p>

      <p>
        Whether you’re planning an elegant wedding reception, a lively school dance,
        or a private celebration with friends, we handle the details so you can stay
        present and enjoy the night.
      </p>
    </div>
  </div>
</section>

<!-- SERVICES -->
<section id="services" class="section section-alt">
  <div class="section-inner">
    <header class="section-header section-header-center">
      <h2 class="section-title">Our Services</h2>
      <p class="section-kicker">DJ &amp; entertainment tailored to your event.<br> MC services and day-of coordinating included with every booking.</p>
    </header>

    <div class="services-grid">
      <article class="service-card">
        <div class="service-icon">💍</div>
        <h3 class="service-title">Weddings</h3>
        <p class="service-text">
          Ceremony and reception coverage, smooth announcements, and a packed dance floor.
        </p>
      </article>

      <article class="service-card">
        <div class="service-icon">🎉</div>
        <h3 class="service-title">Private Parties</h3>
        <p class="service-text">
          Birthdays, anniversaries, and celebrations with playlists tailored to your crowd.
        </p>
      </article>

      <article class="service-card">
        <div class="service-icon">💼</div>
        <h3 class="service-title">Corporate Events</h3>
        <p class="service-text">
          Professional sound, clean setup, and polished hosting for business functions.
        </p>
      </article>

      <article class="service-card">
        <div class="service-icon">🎤</div>
        <h3 class="service-title">Community Events</h3>
        <p class="service-text">
          High-energy music and announcements for local events.
        </p>
      </article>
    </div>
  </div>
</section>

<!-- WHY CHOOSE ELITE LIVE -->
<section class="section section-dark">
  <div class="section-inner">
    <header class="section-header section-header-center">
      <h2 class="section-title">Why Choose Elite Live</h2>
      <p class="section-kicker">Reliable • Affordable • Experienced • Professional</p>
    </header>

    <div class="pillars-grid">
      <article class="pillar-card">
        <div class="pillar-icon">⏱️</div>
        <h3 class="pillar-title">Reliable</h3>
        <p class="pillar-text">
          Early arrival, fully prepared, and focused on keeping your event running smoothly from start to finish.
        </p>
      </article>

      <article class="pillar-card">
        <div class="pillar-icon">💳</div>
        <h3 class="pillar-title">Affordable</h3>
        <p class="pillar-text">
          Clear, straightforward pricing with packages that deliver strong value without cutting corners on quality.
        </p>
      </article>

      <article class="pillar-card">
        <div class="pillar-icon">🎧</div>
        <h3 class="pillar-title">Experienced</h3>
        <p class="pillar-text">
          Years of DJ and live event experience across weddings, parties, corporate events, and community functions.
        </p>
      </article>

      <article class="pillar-card">
        <div class="pillar-icon">🎙️</div>
        <h3 class="pillar-title">Professional</h3>
        <p class="pillar-text">
          Polished announcements, clean setup, and a friendly, adaptable presence your guests will appreciate.
        </p>
      </article>
    </div>
  </div>
</section>

<!-- TESTIMONIALS -->
<section class="section section-alt">
  <div class="section-inner">
    <header class="section-header section-header-center">
      <h2 class="section-title">What Our Clients Are Saying</h2>
      <p class="section-kicker">Real events. Real reactions.</p>
    </header>

    <div class="testimonials-grid">
      <!-- Testimonial 1 -->
      <article class="testimonial-card">
        <div class="testimonial-quote-mark">“</div>
        <p class="testimonial-text">
          Lee Blossom is an outstanding DJ! We have used him for a variety of events and he is always on time and professional. He is also excellent at reading the guests at the event making sure to play music to keep the crowd engaged and on the dance floor!
        </p>
        <p class="testimonial-meta">
          <span class="testimonial-name">Muskrat</span>
          <span class="testimonial-detail">Boyne City</span>
        </p>
      </article>

      <!-- Testimonial 2 -->
      <article class="testimonial-card">
        <div class="testimonial-quote-mark">“</div>
        <p class="testimonial-text">
          From start to finish, Lee was nothing short of exceptional at our wedding.  Every song felt perfectly placed, and the energy on the dance floor never dipped. Lee read the room flawlessly, keeping people dancing untill well after we left, making the entire night feel natural and effortless. Lee doesn’t just play music—he curates an experience that elevates your entire celebration, and we genuinely couldn’t imagine our wedding without him. 10/10 would recommend to anyone looking to host an event of any size.
        </p>
        <p class="testimonial-meta">
          <span class="testimonial-name">Brayden Reich</span>
          <span class="testimonial-detail">Wedding</span>
        </p>
      </article>

      <!-- Testimonial 3 -->
      <article class="testimonial-card">
        <div class="testimonial-quote-mark">“</div>
        <p class="testimonial-text">
          Lee DJ’d a wedding at The Blue Ribbon Barn and he was all around awesome! From the smooth set up, friendly customer service he offered not only the couple but the guests too, to the wonderful music he played - I can’t recommend Lee enough! You and your guests will be thrilled with the energy and entertainment he brings!
        </p>
        <p class="testimonial-meta">
          <span class="testimonial-name"><a href="http://Www.theblueribbonbarn.com" target="_blank">The Blue Ribbon Barn</a></span>
          <span class="testimonial-detail">Wedding - Wolverine</span>
        </p>
      </article>
    </div>
  </div>
</section>

<!-- CONTACT STRIP -->
<section id="quote" class="section section-dark section-cta">
  <div class="section-inner section-cta-inner">
    <div class="section-cta-text">
      <h2 class="section-cta-title">Ready to Plan Your Event?</h2>
      <p class="section-cta-subtitle">
        Tell us about your date, venue, and vision — we’ll follow up with a clear,
        no-pressure quote.
      </p>
      <p class="section-cta-contact">
        Call now: <a href="<?php echo tel_link($PHONE_RAW); ?>"><?php echo htmlspecialchars($PHONE_PRETTY); ?></a>
      </p>
    </div>

    <div class="section-cta-actions">
      <a href="/contact.php" class="btn btn-primary">Request a Quote</a>
    </div>
  </div>
</section>

<!-- GALLERY / FAQ TEASER -->
<section class="section section-alt">
  <div class="section-inner teaser-wrapper">

    <div class="teaser-card">
      <div class="teaser-text-block">
        <h2 class="teaser-title">Gallery</h2>
        <p class="teaser-subtitle">
          See highlights from weddings, parties, and event setups we’ve been part of.
        </p>
        <a href="/gallery.php" class="btn btn-ghost">View Gallery</a>
      </div>
      <div class="teaser-image teaser-gallery-img"></div>
    </div>

    <div class="teaser-card">
      <div class="teaser-text-block">
        <h2 class="teaser-title">FAQ</h2>
        <p class="teaser-subtitle">
          Quick answers to the most common questions about booking, gear, setup,
          travel, and planning your event.
        </p>
        <a href="/about.php#faq" class="btn btn-ghost">View FAQ</a>
      </div>
      <div class="teaser-image teaser-faq-img"></div>
    </div>

  </div>
</section>

<?php include __DIR__ . "/includes/footer.php"; ?>